﻿<!DOCTYPE html>
<html>
<head>
<title>租赁用品管理</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div" id="vue_vm">
  <h3>新增租赁用品</h3>
  <ul>
    <li><span class="tit" style="width:42px;">名称：</span></li>
    <li><span>
      <input type="text" placeholder="请输入用品名称" v-model="data.suppliesName" style="width:300px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">品牌：</span></li>
    <li><span>
      <input type="text" placeholder="请输入所属品牌" v-model="data.brand" style="width:100px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">型号：</span></li>
    <li><span>
      <input type="text" placeholder="请输入型号" v-model="data.model" style="width:100px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">价格：</span></li>
    <li><span>
      <input type="text" placeholder="请输入价格" v-model="data.price" style="width:100px;"/>
      元</span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">押金：</span></li>
    <li><span>
      <input type="text" placeholder="请输入用品押金" v-model="data.cashPledge" style="width:100px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">租金：</span></li>
    <li><span>
      <input type="text" placeholder="请输入用品租金" v-model="data.rent" style="width:100px;"/>
      /元/天</span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">库存：</span></li>
    <li><span>
      <input type="text" placeholder="请输入库存数" v-model="data.stockNumber" style="width:100px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">图片：</span></li>
    <li><span><a href="javascript:;" class="a-upload">
      <input type="file" class="uploading" name="file" id="uploadimg" accept="image/jpg,image/jpeg,image/png">
      点击这里上传文件</a></span> <span style="height:40px;text-align:center;"> <img id="img" style="max-height:40px;"/> </span> </li>
  </ul>
  <ul>
    <li style="height:120px;overflow:visible;"><span class="tit" style="width:42px;">说明：</span></li>
    <li>
      <textarea name="shuoming" form="usrform"  placeholder="请输入说明" v-model="data.intro" rows="3" cols="40"></textarea>
    </li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;"></span></li>
    <li>
      <input type="button" value="确认提交" class="button button1" onclick="save();" style="height:38px;"/>
    </li>
  </ul>
</div>
<div style="clear:both;"></div>
<div class="product_div" id="vue_vm_list">
  <h3>已有租赁用品</h3>
  <div v-for="todo in todos">
    <ul v-bind:id="todo.leaseSuppliesId">
      <li style="width:1100px;"><span style="display:block;position:absolute;top:12px;left:0;font-weight:bold;font-size:16px;color:#009688;">{{todo.suppliesName}}</span></li>
      <li style="width:1100px;position:absolute;left:0px;top:50px;">
        <div class="product">
          <div class="product_img"> <img v-bind:src="getImageFullPath(todo.iconUrl)"/>
            <div class="product_import">{{todo.brand}}</div>
          </div>
          <div class="product_txt"> <span style="width:150px;color:#009688;">型号：
            <input type="text" value="11-ABBB" placeholder="请输入型号" v-model="todo.model" style="width:80px;"/>
            </span> <span style="width:150px;color:#009688;">价格：
            <input type="text" value="11" placeholder="请输入价格" v-model="todo.price" style="width:80px;"/>
            </span> <span style="width:150px;color:#009688;">押金：
            <input type="text" value="11" placeholder="请输入押金" v-model="todo.cashPledge" style="width:80px;"/>
            </span> <span style="width:170px;color:#009688;">租金：
            <input type="text" value="11-ABBB" placeholder="请输入租金" v-model="todo.rent" style="width:80px;"/>
            元/天</span> <span style="width:150px;color:#009688;">库存：
            <input type="text" value="11334" placeholder="请输入库存" v-model="todo.stockNumber" style="width:80px;"/>
            </span> <span style="width:150px;color:#009688;">状态：
            <select name="zhuantai" v-model="todo.status" style="width:60px;">
              <option value="0">正常</option>
              <option value="1">下架</option>
            </select>
            </span> <span style="display:block;line-height:24px;width:900px;">{{todo.intro}}</span> <span style="display:block;line-height:24px;width:900px;color:#FF5200;">----[{{todo.leaseNumber}}台正在出租]</span> </div>
        </div>
      </li>
      <li style="width:1100px;position:absolute;right:0px;top:180px;"><span style="position:absolute;top:0;right:0;">
        <input type="button" value="删除" class="button button2" v-on:click="deleteBatchById(todo.leaseSuppliesId);" style="width:100px;height:38px;cursor:pointer;"/>
        </span><span style="position:absolute;top:0;right:130px;">
        <input type="button" value="更新" class="button button1" v-on:click="update(todo);" style="width:100px;height:38px;cursor:pointer;"/>
        </span></li>
    </ul>
  </div>
</div>
<script src="js/common.js"></script>
<script src="js/common_function.js"></script>
<script src="js/common_file.js"></script>
<script src="js/busi/lease_supplies.js"></script>
<script src="js/busi/lease_supplies_ex.js"></script>
</body>
</html>